<template>
  <uni-popup ref="popup" type="bottom" @close="close">
    <view class="flex-col section_2 abnormal-express-delivery">
      <view class="flex-col">
        <view class="flex-row justify-center items-center self-start relative section_3">
          <text class="iconfont xlmicon-dizhiguanli" style="font-size: 18px;color: #fff;margin-right: 10px;"></text>
          <text class="text">xxxxx小区</text>
        </view>
        <view class="flex-row self-stretch group">
          <text class="font">快递员</text>
          <text class="ml-24 font_2">xxx</text>
        </view>
      </view>
      <view class="flex-col group_2">
        <view class="flex-row group_3">
          <text class="font">快递公司</text>
          <text class="ml-10 font_2">xxx</text>
        </view>
        <view class="flex-col justify-start items-start text-wrapper">
          <!-- <text class="font text_2">请输入单号</text> -->
          <input style="padding-left: 20rpx" type="font text_2" placeholder="请输入单号" />
        </view>
        <view class="flex-row group">
          <text class="font">姓名</text>
          <text class="ml-38 font_2">xxx</text>
        </view>
      </view>
      <view class="flex-row group_4">
        <text class="font">手机号</text>
        <text class="ml-24 font_2">xxx</text>
      </view>
      <view class="flex-row group_5">
        <text class="font">楼栋</text>
        <text class="ml-38 font_2">xxx</text>
      </view>
      <view class="flex-row group_6">
        <text class="font">单元</text>
        <text class="ml-38 font_2">xxx</text>
      </view>
      <view class="flex-row group_7">
        <text class="font">房间号</text>
        <text class="ml-24 font_2">xxx</text>
      </view>
      <view class="flex-row group_8">
        <view class="flex-col justify-start items-center text-wrapper_2"
          ><text class="font_3">提交异常件</text></view
        >
        <view class="ml-10 flex-col justify-start items-center text-wrapper_2"
          ><text class="font_3">异常设置</text></view
        >
        <view class="ml-10 flex-col justify-start items-center text-wrapper_2"
          ><text class="font_3">加拍</text></view
        >
      </view>
    </view>
  </uni-popup>
</template>
<script setup lang="ts">
  import { ref } from 'vue'
  
  const popup = ref()
  const close = () => {
    popup.value.close()
  }
  const open = () => {
    popup.value.open()
  }
  defineExpose({
    open,
    close
  })
</script>
<style lang="scss" scoped>
  @import './index.scss';
</style>
